<!DOCTYPE html>
<html lang="en-US">
<head>
	<title>{% block title %}{% endblock %}</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="{{ STATIC_URL }}_css/reset.css" type="text/css" media="all">
	<link rel="stylesheet" href="{{ STATIC_URL }}_css/layout.css" type="text/css" media="all">
	<link rel="stylesheet" href="{{ STATIC_URL }}_css/style.css" type="text/css" media="all">
	<script type="text/javascript" src="{{ STATIC_URL }}_js/jquery-1.7.2.min.js" ></script>
	<script type="text/javascript" src="{{ STATIC_URL }}_js/cufon-yui.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}_js/cufon-replace.js"></script> 
	<script type="text/javascript" src="{{ STATIC_URL }}_js/Terminal_Dosis_300.font.js"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}_js/atooltip.jquery.js"></script>
	<script src="{{ STATIC_URL }}_js/roundabout.js" type="text/javascript"></script>
	<script src="{{ STATIC_URL }}_js/roundabout_shapes.js" type="text/javascript"></script>
	<script src="{{ STATIC_URL }}_js/jquery.easing.1.2.js" type="text/javascript"></script>
	<script type="text/javascript" src="{{ STATIC_URL }}_js/script.js"></script>
	<!--[if lt IE 9]>
	<script type="text/javascript" src="{{ STATIC_URL }}_js/html5.js"></script>
	<style type="text/css">
	.bg {behavior:url({{ STATIC_URL }}_js/PIE.htc)}
	</style>	
	<![endif]-->
	{% block css %}{% endblock %}
	{% block js %}{% endblock %}
</head> 

<body id="{% block body-id %}{% endblock %}" class="page1 {% block body-class %}{% endblock %}">

<div class="body1">
	<div class="body2">
		<div class="body3">
			<div class="main">
				{% include "inc_header.html" %}
				{% block content_middle %}{% endblock %}				
			</div>
		</div>
	</div>
</div>
<div class="body4">	
	<div class="main">
		<section id="content2">
			<div class="line2 wrapper">
				<div class="wrapper">
					<article class="col1">
						<h2>My Philosophy</h2>
						<div class="pad">
							<p class="pad_bot2">
								<strong>
									2008 – Antese ipsum ppsum dolor snsectetuer adipisc ing elitesent vestibulum molestieser lacus.
								</strong>
							</p>
							<p>
								Cum suada odirbi nunc odio gravida cursus nec luctusrem. Maecenas tristique orci ac sem. Duis ultricies pharetra magec accumsan malesuada orcinec sit. Aliquam scelerisque arcu eu nibh molestie aliquam.
							</p>
							<p class="pad_bot2">
								<strong>
									2011 – Dolore ipsum ppsum dolor snsectetuer adipisc ing elitesent vestibulum.
								</strong>
							</p>
							<p>
								Cum suada odirbi nunc odio gravida cursus nec luctusrem. Maecenas tristique orci ac sem. Duis ultricies pharetra m ipsum dolor sit amete. Aliquam scelerisque arcu eu nibh molestie nibh ullamcorper mollis id quis quamed at odio nisl.
							</p>
						</div>
					</article>
					<article class="col2 pad_left1">
						<h2>My Equipment</h2>
						<div class="pad">
							<p class="pad_bot1">
								<strong>
									Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt
								</strong>
							</p>
							<figure class="left marg_right1 marg_left1"><img src="images/page2_img2.jpg" alt=""></figure>
							<p>
								Ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exerc- tation ullamco laboris nisi ut aliquip ex ea commodo cons Duis aute irure dolor in rep- rehenderit in voluptate velit<br>
								esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Cum suada odirbi nunc odio gravida cursus nec luctusrem aecenas tristique.
							</p>
						</div>
					</article>
				</div>
				<div class="wrapper buttons">
					<article class="col1">
						<a href="#" class="button">Read More</a>
					</article>
					<article class="col2 pad_left1">
						<a href="#" class="button">Read More</a>
					</article>
				</div>
			</div>
		</section>
	</div>
</div>
<!-- / content -->

<div class="main">
	{% include "inc_footer.html" %}		
</div>

{% block scripts %}
<script type="text/javascript"> Cufon.now(); </script>
<script type="text/javascript">
	$(document).ready(function() {
		$('#myRoundabout').roundabout({
			shape: 'square',
			minScale: 0.93, // tiny!
			maxScale: 1, // tiny!
			easing:'easeOutExpo',
			clickToFocus:'true',
			focusBearing:'0',
			duration:800,
			reflect:true
		});
	});
</script>
{% endblock %}
</body>
</html>